<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2022/12/19
  Time: 22:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类查看</title>
    <link rel="stylesheet" href="./css/b.css" />
    <style>
        table{
            width: 1200px;
            border-collapse: collapse;
            margin: 0 auto;/*上下外边距为0，左右自动对齐（居中）*/
        }
        th,td{
            border: 1px solid rgb(161, 91, 91);
        }
        thead tr th{
            background-color: rgb(0, 0, 0);
            color: rgb(0, 0, 0);
        }
    </style>
</head>
<body>
<!-- 网页头部模块 -->
<div class="header">
    <ul>
        <li><a href="#">蛋糕</a></li>
        <li><a href="#">圣诞</a></li>
        <li><a href="#">糖水</a></li>
        <li><a href="#">奶茶</a></li>
        <li><a href="#">糖食</a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
</div>
<!-- 第二行 -->
<div class="xtx-new-goods container">
    <ul class="goods-list">
        <li>
            <a href="#">
                <img src="./pictures/new_goods_1.jpg" alt="">
                <h3 class="title">奥利奥蛋糕</h3>
                <p class="price"><span>¥</span> 199</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="./pictures/圣诞3.jpg" alt="">
                <h3 class="title">简约圣诞蛋糕</h3>
                <p class="price"><span>¥</span> 88</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="./pictures/蛋糕1.jpg" alt="">
                <h3 class="title">可爱三丽鸥蛋糕</h3>
                <p class="price"><span>¥</span> 201</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="./pictures/蛋糕2.jpg" alt="">
                <h3 class="title">紫色复古蛋糕</h3>
                <p class="price"><span>¥</span> 99</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="./pictures/蛋糕3.jpg" alt="">
                <h3 class="title">简约香草蛋糕</h3>
                <p class="price"><span>¥</span> 50</p>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="./pictures/蛋糕4.jpg" alt="">
                <h3 class="title">有趣表情包蛋糕</h3>
                <p class="price"><span>¥</span> 30</p>
            </a>
        </li>
    </ul>
</div>
</body>
</html>
